import React from 'react';
import { Icon } from 'antd-mobile';
import styles from './basicInfo.css';

const BasicInfo = ({
  name,
  industry,
  verification,
}) => {

  let tagType1 = [`${styles.tagStyle}`,`${styles.tagTypeBG01}`];
  let tagType2 = [`${styles.tagStyle}`,`${styles.tagTypeBG02}`];

  return(
    <div className={styles.basicInfoBody}>
      <div className={styles.companyName}>
        <span>{name}</span>
      </div>
      <div className={styles.industry}>
        <span>{industry}</span>
      </div>
      {/* <div className={styles.levelStatus}>
        <img/>
      </div> */}
      <div className={styles.teamSize}>

        <span style={{marginRight:'0.6em', color:'#fff'}}>
        {verification=='PASS'? (
          <div className={tagType1.join(' ')}>实名认证</div>
        ) : verification=='VIP'? (
          <div className={styles.attestation}>
            <div className={tagType1.join(' ')}>实名认证</div>
            <div className={tagType2.join(' ')}>认证企业</div>
          </div>
        ): ' '}
         </span>
      </div>

    </div>
  )
}

export default BasicInfo;
